<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>我的人脉</title>
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<link rel="stylesheet" href="../css/mui.min.css" tppabs="http://www.hjplayer.cn/cust/css/mui.min.css">
		<style>
			.mui-content .mui-search {
				margin: 5px 2px 0;
			}
			
			.oa-contact-cell.mui-table .mui-table-cell {
				padding: 11px 0;
				vertical-align: middle;
			}
			
			.oa-contact-cell {
				position: relative;
				margin: -11px 0;
			}
			
			.oa-contact-avatar {
				width: 75px;
			}
			
			.oa-contact-avatar img {
				border-radius: 50%;
			}
			
			.oa-contact-content {
				width: 100%;
			}
			
			.oa-contact-name {
				font-family: SimSun, NSimSun, FangSong;
			}
			
			.oa-contact-name {
				width: 30%;
			}
			
			.oa-contact-position {
				width: 65%;
			}
			
			.oa-contact-name,
			.oa-contact-position {
				float: left;
				margin-top: 1px;
			}
			
			.mui-scroll-wrapper {
				top: 45px;
			}
			
			.mt-5 {
				margin-top: 5px;
			}
			
			.mui-h6,
			h6 {
				color: #373737;
			}
		</style>
	</head>

	<body>
		<header class="mui-bar mui-bar-nav">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			<h1 class="mui-title">我的人脉</h1>
		</header>
		<div class="mui-content">
			<div class="mui-scroll-wrapper" id="pullrefresh">
				<div class="mui-scroll">
					<!--这里放置真实显示的DOM内容-->
					<ul class="mui-table-view mui-table-view-striped mui-table-view-condensed" id="contactlist"></ul>
					<script type="text/html" id="contactlist_T">
						{{each}}
						<li class="mui-table-view-cell">
							<div class="mui-slider-cell">
								<div class="oa-contact-cell mui-table">
									<div class="oa-contact-avatar mui-table-cell">
										<img src="{{if $value.strHeadImg}}{{$value.strHeadImg}}{{else}}../images/logo.png{{/if}}" width="60" height="60">
									</div>
									<div class="oa-contact-content mui-table-cell">
										<div class="mui-clearfix">
											<h4 class="oa-contact-name">{{if $value.strMemName}}{{$value.strMemName}}{{else}}{{$value.memberCode}}{{/if}}</h4>
										</div>
										{{if $value.intMemType==1}}
										<p class="oa-contact-email mui-h5">
											<span class="mui-badge mui-badge-danger">已缴费</span>
										</p>
										{{else}}
										<p class="oa-contact-email mui-h5">
											<span class="mui-badge mui-badge-danger">未缴费</span>
										</p>
										{{/if}}
									</div>
								</div>
							</div>
						</li>
						{{/each}}
					</script>
				</div>
			</div>
		</div>
		<script src="../js/sea.js" tppabs="http://www.hjplayer.cn/cust/js/sea.js"></script>
		<script src="../js/common.js" tppabs="http://www.hjplayer.cn/cust/js/common.js"></script>
		<script>
			seajs.use("app/contacts.js"/*tpa=http://www.hjplayer.cn/cust/izone/app/contacts.js*/);
		</script>
	</body>

</html>